<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>呵护教育</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!--头部logo开始-->
    <div class="header">
        <div class="box clear">
            <img src="images/logo.gif" class="logo fl" alt="">
            <span class="spacer fl"></span>
            <p class="fl title">爱的第一课，让孩子成为独特的自己！</p>
            <div class="contact fl">
                <p class="search"><span>新浪微博/腾讯微信</span>　
                    <input type="text">
                </p>
                <p class="telphone">咨询电话：100-101-0010</p>
            </div>
        </div>
    </div>
    <!--头部logo结束，顶部导航开始-->
    <div class="nav">
        <div class="box clear">
            <ul class="fl clear">
                <li><a href="" class="active">首页</a></li>
                <li><a href="">课程文化</a></li>
                <li><a href="">有趣课程</a></li>
                <li><a href="">优秀老师</a></li>
                <li><a href="">心得语录</a></li>
            </ul>
        </div>
    </div>
    <!--头部导航结束,内容区开始-->
    <div class="content">
        <div class="box">
            <div class="banner">
                <ul>
                    <li>
                        <img src="images/banner.jpg" alt="">
                    </li>
                </ul>
            </div>
            <!--内容banner区结束，课程区域开始-->
            <div class="course">
                <h2>有趣课程</h2>
                <ul class="clear">
                    <li>
                        <img src="images/shiyan.jpg" alt="">
                        <h3>实验操作</h3>
                        <p>动作分解保护、敢于挑战自我</p>
                    </li>
                    <li>
                        <img src="images/tiyan.jpg" alt="">
                        <h3>艺术体验</h3>
                        <p>见识稀有材料、实现知识扩展</p>
                    </li>
                    <li>
                        <img src="images/chuangyi.jpg" alt="">
                        <h3>创意百科</h3>
                        <p>独创艺术体验、展现不一样的自己</p>
                    </li>
                </ul>
            </div>
            <!--有趣课程结束，优秀老师开始-->
            <div class="teacher clear">
                <h2>优秀老师</h2>
                <div class="teacher_left fl">
                    <img src="images/teacher.jpg" alt="" width="390">
                </div>
                <div class="teacher_right fl">
                    <h1>寄语：</h1>
                    <p>
                        和一群喜欢的人，做我们都喜欢的事情！<br>
                        早教是一份幸福的职业，孩子们的一点点进步，就是我们最大的满足和欣慰！
                    </p>
                </div>
            </div>
            <!--优秀老师结束，妈妈的心得语录开始-->
            <div class="mom clear">
                <h2>妈妈的心得语录</h2>
                <div class="mom_left fl">
                    <img src="images/haibian.jpg" width="390">
                    <p><span>Una:</span>1999.10.24出生</p>
                </div>
                <div class="mom_right fl">
                    <div>
                        <h4>早教前：</h4>
                        <p>刚开始上早教，Una情绪大，其他孩子都好好上课，她却各种调皮。<br>老师针对孩子的问题给我很多科学的建议和改进方法，这对Una的改变起到了重要作用。</p>
                    </div>
                    <div>
                        <h4>早教后：</h4>
                        <p>现在Una刚上幼儿园，老师也对她相当认可！宝贝不仅提供孩子早期教育的发展，还更加 <br>贴切的过渡了幼儿园的焦虑期，让我的孩子轻轻松松去上学。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--内容区结束，尾部开始-->
    <div class="footer">
        <div class="box">
            <ul class="clear">
                <li><a href="">手机移动版</a></li>
                <li><a href="">关于我们</a></li>
                <li><a href="">加入站酷</a></li>
                <li><a href="">用户协议</a></li>
                <li><a href="">企业服务</a></li>
                <li><a href="">帮助中心</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">中文</a></li>
                <li><a href="">English</a></li>
            </ul>
            <ul class="clear footer_two">
                <li>京ICP备11017824</li>
                <li>京ICP证130164</li>
                <li>京公网安备11010502000501</li>
                <li><a href="">网上有害信息举报专区</a></li>
                <li class="border_none">不良信息举报电话010-56538658</li>
            </ul>
            <p class="footer_three">网络文化经营许可证 京网文[2016]6173-844号</p>
            <div class="footer_four">
                <a href="" class="weixin"></a>
                <a href="" class="weibo"></a>
            </div>
        </div>
    </div>
</body>
</html>